
.cityPopupBox {
    overflow: hidden;
    padding-top: 160px;
    border-radius: 10px 10px 0 0 !important;
    font-size: 28px !important;
    .custom-indicator {
      position: absolute;
      z-index: 4;
      top: 100px;
      left: 0;
      width: calc(100% - 48px);
      padding: 0 24px;
      .citySteps{
        width: 60px;
        height: 20px;
        position: relative;
        line-height: 0;
        margin: 15px 20px 0 20px;
        .c-rs{
          height: 2px;
          background: #EEE;
          width: 56px;
        }
        .l-rs,.r-rs{
          border:2px solid #EEE;
          width: 16px;
          height: 16px;
          border-radius: 16px;
          position: absolute;
          top: -10px;
          background: #FFF;
        }
        .l-rs{
          left: -8px;
        }
        .r-rs{
          right: -8px;
        }
        &.on{
          .c-rs{
            background: #DB1919;
          }
          .l-rs,.r-rs{
            border-color: #DB1919;
          }
        }
      }
      .cityTexts{
        position: relative;
        .van-icon{
          display: none;
          position: absolute;
          top: -20px;
          right: -20px;
        }
      }
    }
    .van-index-anchor {
      border-bottom: 2px solid #f2f5f4;
      padding: 0;
    }
    .indexWord {
      line-height: 85px;
    }
    .van-index-bar__sidebar {
      display: none;
    }
    .van-action-sheet__header {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% - 48px);
      height: 160px;
      line-height: 100px;
      z-index: 2;
      font-size: 36px;
      text-align: left;
      padding: 0 24px;
    }
    .van-action-sheet__content {
      height: 60vh;
      overflow: auto;
      padding: 0 24px;
    }
    .van-cell{
      &.on{
        color: crimson;
      }
    }
  }

